@charset "utf-8";
/* 共通样式 */
blockquote, body, button, caption, dd, div, dl, dt, fieldset, figure, form, h1, h2, h3, h4, h5, h6, hr, html, input, legend, li, menu, ol, p, pre, table, td, textarea, th, ul {
    margin: 0;
    padding: 0
}

body, button, dd, div, dl, dt, input, li, ol, p, ul {
    box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box
}

body, button, input, keygen, legend, select, textarea {
    line-height: unset;
    font-family: "Microsoft YaHei","Helvetica Neue", Helvetica, Tahoma, Arial, "PingFang SC", "Hiragino Sans GB", "Heiti SC",  "WenQuanYi Micro Hei", SimSun, sans-serif;
}

body, html {
    width: 100%;
    height: 100%
}

a {
    outline: 0;
    background: 0 0;
    text-decoration: none !important;
    -webkit-tap-highlight-color: transparent;
    transition: all linear 0.2s
}

input[type='button'], input[type='submit'] {
    transition: all linear 0.2s
}

em, i {
    font-style: normal
}

img {
    outline: 0;
    border: none;
    max-width: 100%
}

li, ol, ul {
    list-style: none outside none
}

a, button, input, textarea {
    outline: 0
}

input {
    border: none;
    outline: none;
}

select::-ms-expand {
    display: none
}

input[type=button], input[type=reset], input[type=submit] {
    -webkit-appearance: none
}

textarea {
    resize: none;
    -webkit-appearance: none
}

button {
    border-radius: 0
}

select {
    outline: 0;
    border: none;
    background: 0 0;
    -webkit-appearance: none;
    appearance: none;
    -moz-appearance: none
}

.css {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0)
}

/*a标签动画效果增加此class*/
.animation-a {
    -webkit-transition: all .3s;
    transition: all .3s
}

.common-Toast {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 999;
    background: rgba(0, 0, 0, .7);
    color: #fff;
    line-height: 2.4rem;
    font-size: 1.15rem;
    padding: 1.8rem 2.5rem;
    border-radius: 0.6rem;
    max-width: 90%;
}

.bs-cb {
    clear: both;
    display: block
}

.bs-p0 {
    padding: 0 !important
}

.bs-m0 {
    margin: 0 !important
}

.bs-show {
    display: inline-block !important;
    opacity: 1 !important;
}

.bs-hidden {
    display: none !important
}

.bs-fl {
    float: left !important
}

.bs-fr {
    float: right !important
}

.bs-oh {
    overflow: hidden
}

.bs-tal {
    text-align: left
}

.bs-tac {
    text-align: center
}

.bs-tar {
    text-align: right
}

.bs-taj {
    text-align: justify;
    text-justify: inter-ideograph
}

.bs-usn {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none
}

.wap-space {
    width: 100%;
    display: block;
    clear: both;
    height: 3rem;
}

@media screen and (min-width: 321px) and (max-width: 375px) {
    html {
        font-size: 8px
    }
}

@media screen and (min-width: 376px) and (max-width: 414px) {
    html {
        font-size: 8px
    }
}

@media screen and (min-width: 415px) and (max-width: 639px) {
    html {
        font-size: 12px
    }
}

@media screen and (min-width: 640px) and (max-width: 719px) {
    html {
        font-size: 12px
    }
}

@media screen and (min-width: 720px) and (max-width: 749px) {
    html {
        font-size: 12px
    }
}

@media screen and (min-width: 750px) and (max-width: 799px) {
    html {
        font-size: 12px
    }
}

@media screen and (min-width: 800px) {
    html {
        font-size: 12px
    }
}

/*动画效果*/
@keyframes error-move {
    0% {
        transform: translateX(0px)
    }
    50% {
        transform: translateX(5px)
    }
    100% {
        transform: translateX(0px)
    }
}

@-moz-keyframes error-move {
    0% {
        transform: translateX(0px)
    }
    50% {
        transform: translateX(5px)
    }
    100% {
        transform: translateX(0px)
    }
}

@-webkit-keyframes error-move {
    0% {
        transform: translateX(0px)
    }
    50% {
        transform: translateX(5px)
    }
    100% {
        transform: translateX(0px)
    }
}

@keyframes up-move {
    0% {
        transform: translateY(0px)
    }
    50% {
        transform: translateY(3px)
    }
    100% {
        transform: translateY(0px)
    }
}

@-moz-keyframes up-move {
    0% {
        transform: translateY(0px)
    }
    50% {
        transform: translateY(3px)
    }
    100% {
        transform: translateY(0px)
    }
}

@-webkit-keyframes up-move {
    0% {
        transform: translateY(0px)
    }
    50% {
        transform: translateY(3px)
    }
    100% {
        transform: translateY(0px)
    }
}

@-moz-keyframes opa-animate {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@-webkit-keyframes opa-animate {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@keyframes opa-animate {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@keyframes load-move {
    0% {
        transform: translateY(30px);
        opacity: 0
    }
    100% {
        transform: translateY(0px);
        opacity: 1
    }
}

@-moz-keyframes load-move {
    0% {
        transform: translateY(30px);
        opacity: 0
    }
    100% {
        transform: translateY(0px);
        opacity: 1
    }
}

@-webkit-keyframes load-move {
    0% {
        transform: translateY(30px);
        opacity: 0
    }
    100% {
        transform: translateY(0px);
        opacity: 1
    }
}

.common-wap-nav {
    padding: 1rem;
    position: relative;
    background: #222;
    color: #fff;
}

.wap-logo {
    color: #fff;
}

.common-wap-nav a img {
    width: 26%
}

.common-wap-nav i {
    position: absolute;
    right: 1rem;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    font-size: 2rem;
    color: #fff;
}

.common-wap-nav .lang-area {
    position: absolute;
    right: 5rem;
    top: 50%;
    transform: translateY(-50%);
}

.common-wap-nav .lang-area a {
    display: inline-block;
    margin-left: 0.5rem;
    color: #fff;
    line-height: 1.6rem;
    font-size: 1rem;
    padding: 0 0.5rem;
    border-radius: 0.2rem;
}

.common-wap-nav .lang-area a.active {
    background: #fff;
    color: #222;
}

.wap-nav-dropdown {
    position: fixed;
    left: 0;
    top: 0;
    height: 0;
    width: 100%;
    z-index: 11;
    background: rgba(0, 0, 0, .6);
    pointer-events: none;
    transition: all linear 0.2s;
    opacity: 0
}

.wap-nav-dropdown.active {
    height: 100%;
    pointer-events: auto;
    opacity: 1
}

.wap-nav-dropdown a {
    display: block;
    color: #fff;
    border-bottom: 1px solid #fff;
    height: 4rem;
    line-height: 4rem;
    font-size: 1.15rem;
    text-align: center;
}

.wap-nav-dropdown a.active {
    background: #b19451;
}

.crumb-wrap {
    height: 5rem;
    line-height: 5rem;
    font-size: 1rem
}

.crumb-wrap a {
    color: #333;
    padding: 0 0.2rem
}

.crumb-wrap font {
    color: #888
}

.common-pages {
    clear: both;
    padding-top: 2.5rem;
    padding-bottom: 3rem;
    text-align: left;
    font-size: 0;
    display: inline-block;
}

.common-pages a {
    display: inline-block;
    height: 2.8rem;
    line-height: 2.7rem;
    font-size: 1.16rem;
    text-align: center;
    border: 0.1rem solid #616161;
    padding: 0 1.1rem;
    color: #555;
    margin-right: 0.8rem;
    background: #fff;
    border-radius: 0.3rem;
    pointer-events: none;
    margin-bottom: 0.7rem
}

.common-pages a[href] {
    color: #555;
    pointer-events: auto
}

.common-pages a.disabled {
    color: #999
}

.common-pages a.active, .common-pages a:hover {
    color: #fff !important;
    background: #616161
}

.common-pages a.disabled {
    pointer-events: none
}

.common-pages span {
    display: inline-block;
    line-height: 2.8rem;
    font-size: 1.16rem;
}

.BMap_Marker img {
    width: auto;
    max-width: none
}

.BMapLabel {
    max-width: none;
    border: 1px solid #808080 !important
}

.common-wap-botnav {
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 1200;
    display: flex;
    justify-content: space-between;
    background: #fff;
    border-top: 1px solid #ccc;
    width: 100%;
    padding: 2vw 0;
}

.common-wap-botnav a {
    display: inline-block;
    flex: 1;
    text-align: center;
}

.common-wap-botnav a i {
    display: block;
    font-size: 4vw;
    text-align: center;
    color: #333;
}

.common-wap-botnav a span {
    display: block;
    font-size: 1rem;
    padding-top: 0.5rem;
    color: #333;
}

.common-inner-banner img {
    width: 100%
}

@media (max-width: 970px) {
    #baidumap {
        height: 300px
    }

    .feedback input {
        width: 100% !important
    }

    .feedback .yzm-area > span {
        margin-top: 0.8rem;
        display: block
    }
}